iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 1
6
自我挑戰組

網頁設計:前端設計+後端基礎建構系列 第 1

[DAY1]想出一個網站的需求與框架

  • 分享至 

  • xImage
  •  

開始


今天是12/01,也是我開始達成目標的第一天。我的目標就是結合前端與後端所學在一個月內做出一個有基本需求的購物網站。因為我沒做過我也不知道怎麼做,所以第一步就是先規劃好我要一個甚麼樣的購物網站。

預計流程


我預想的製作流程是規劃好網站的框架,初步了解需要甚麼功能,再來是設計資料庫,接下來設計後端功能並與資料庫連結,當功能都可以達成時,在做前端的設計,當設計好後再找虛體主機上架到網路上,如此便完成了我的目標。

網站需求發想


我先畫心智圖將我想到的需求先寫出來,再來畫架構圖,好了之後再去做程式流程圖,最後可能需要畫每個網頁的草稿頁面,讓想法更加具體。

需求圖

管理者系統


管理者是管理購物網站的人

管理者需要:

  • 上傳商品:商品的名稱、敘述價格,並呈現在商品頁面。
  • 訂單管理系統:接收會員的購買訂單,方便處裡物流

會員系統


使用者須註冊成會員才能購物

會員系統需要:

  • 註冊頁面:輸入姓名、電話、地址
  • 會員登入:註冊完後可以登入進行購物
  • 會員頁面:頁面可以顯示會員的購買紀錄

商品頁面


商品呈現在此頁面

商品頁面需要:

  • 商品目錄:以便做商品分類
  • 商品區塊
    • 商品縮圖:點擊縮圖後可進入該產品的購買頁面
      • 商品資訊
      • 購物車 :可以加進購物車
        • 購物車進行結帳
    • 商品價格

結尾


基本上購物網站的需求都出來了,那接下來開始要規劃資料庫,跟頁面設計。今天就先這樣,第一次發製作紀錄先了解情況跟多查閱資料後,看有無缺失再補上。


下一篇
[DAY 2]規劃與建立資料庫
系列文
網頁設計:前端設計+後端基礎建構24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
成堆成冊
iT邦新手 5 級 ‧ 2018-07-09 15:49:51

如果要架設像這樣的網頁,是否都需要透過事先構思較妥?

Luis-Chen iT邦新手 4 級 ‧ 2018-08-07 12:45:24 檢舉

對啊 不然很容易被實作時的問題影響最後會沒頭沒尾
主要是訂出程式撰寫的範圍 這延伸的學問叫 軟體工程

原來如此,謝謝解釋~~

我要留言

立即登入留言